.user_info_wrap{
    page{
        background-color: #edece8;
    }
    .user_img_wrap{
        .user_bg {
           height: 50vh;
            filter: blur(10rpx);

        }
        .user_info{
            position: absolute;
            left: 50%;
            top: 20%;
            text-align: center;
            transform: translateX(-50%);
            .user_icon{
                width: 175rpx;
                height: 175rpx;
                border-radius: 50%;
            }
            .user_name{
                color: #fff;
                margin-top: 40rpx;
                ;
            }
        }    
    }
    .app_info_wrap{ 
        position: relative;
        width: 90%;
        left: 5%;
        margin-top: 30rpx;
        top: -20rpx;
        background-color: #fff;
        .person_info{
            padding: 20rpx;
            border-bottom: 1rpx solid #ccc;
        }
        .user_history{
            padding: 20rpx;
            border-bottom: 1rpx solid #ccc;
        }
        .user_course{
            padding: 20rpx;
            border-bottom: 1rpx solid #ccc;
        }
        .user_follow{
            padding: 20rpx;
            border-bottom: 1rpx solid #ccc;
        }
       
        .user_service{
            
        }
        .about_us{
            border-top:1px solid #ccc;
            padding: 20rpx;
            border-bottom: 1rpx solid #ccc;
            
        }
    }
}
